<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>设置</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/public.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<style type="text/css">
			.mui-content>.mui-table-view:first-child{
				margin-top: 0;
			}
			.list{
				margin: 12px 0;
				font-size: 15px;
				color: #333333;
			}
			.mui-table-view:before,.mui-table-view:after{
				height: 0;
			}
			.mui-table-view-cell:after{
				left: 0;
			}
			.pr_25{
				padding-right: 25px;
			}
			.mt_20{
				margin-top: 20px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">设置</h1>
		</header>
		<div class="mui-content" id="app">
			<ul class="mui-table-view list">
			    <li class="mui-table-view-cell" id="share"><a class="mui-navigate-right">邀请好友</a></li>
			</ul>
			<ul class="mui-table-view list">
			    <li class="mui-table-view-cell" id="standard"><a class="mui-navigate-right">资费标准</a></li>
			    <li class="mui-table-view-cell"><a class="mui-navigate-right" id="questions">常见问题</a></li>
			</ul>
			<ul class="mui-table-view list">
			    <li class="mui-table-view-cell" id="about_us"><a class="mui-navigate-right">关于我们</a></li>
			    <li class="mui-table-view-cell" id="contact_us"><a class="mui-navigate-right" href="tel:400-889-3878">联系我们<span class="mui-pull-right pr_25 color_3">400-889-3878</span></a></li>
			</ul>
			<div class="mui-content-padded">
				<button type="button" class="my-btn btn-red mt_20">注销登录</button>
			</div>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="vue/vue.min.js"></script>
		<script type="text/javascript">
			
			(function($,doc){
				$.init();
				var el={
					share:doc.getElementById("share"),
					standard:doc.getElementById("standard"),
					questions:doc.getElementById("questions"),
					about_us:doc.getElementById("about_us"),
					contact_us:doc.getElementById("contact_us")
				}
				$.plusReady(function(){
					plus.webview.currentWebview().setStyle({
	                    scrollIndicator: 'none'
	             	});
//	             	el.contact_us.addEventListener("tap",function(){
//						plus.device.dial("10086",false);
//					});
				});
				
				el.standard.addEventListener("tap",function(){
					app.openViwe("standard.html")
				});
				el.questions.addEventListener("tap",function(){
					app.openViwe("questions.html")
				});
				el.about_us.addEventListener("tap",function(){
					app.openViwe("about_us.html")
				});
				el.share.addEventListener("tap",function(){
					app.openViwe("share.html")
				});
				if($.os.plus){
					
				}else{
					//去掉头部标题栏
					doc.getElementsByClassName("mui-bar-nav")[0].style.display="none";
					doc.getElementById("app").style.paddingTop=0;
				}
			}(mui,document))
		</script>
	</body>

</html>